﻿<h2 class="ms-webpart-titleText" style="margin-left:50px;">Select Chart Types</h2><br/>
<div>
     <%if(!App.ChartTypes.isLoaded){%>
        Working on it...
        <%}else{%>
    <div class="row">
        <div class="metro span12" id="hub">
            <div class="panorama">
                <div class="panorama-sections">
                     <% for(var i = 0, secionInex=1; i < App.ChartTypes.length; i = i+ 2,secionInex++){ %>
                         
                         <div id="section<%=secionInex%>" class="panorama-section tile-span-3" style="position:static;">
                             <%for(var index = 0; index < 2; index++){%>
                             <% if (!App.ChartTypes.at(index + i)) {  break;} %>
                             <%var model = App.ChartTypes.at(index + i);%>
                             <div class="box">
                                <a href="javascript:" title="<%=model.get('description')%>" class="app-chart-type" style="height:auto;" id="<%=model.get('chartType')%>">
                                <img  alt="<%=model.get('displayText')%>"  alt="<%=model.get('listName')%>" src="<%=model.get('overViewImage')%>" />
                                    <h3 class="ms-standardheader chartTitle"><%=model.get('displayText')%></h3>
                                    <p class="ms-descriptiontext"><%=model.get('description')%></p>
                                </a>
                             </div>
                             <%}%>
                         </div>
                        
                      <%}%>
                </div>
            </div>
            <a id="panorama-scroll-prev" href="javascript:" style="position:absolute;">&#xe05d;</a>
                <a id="panorama-scroll-next" href="javascript:" style="position:absolute;">&#xe059;</a>
        </div>
    </div>
    <%}%>
</div>
<div class="span6 align-right">
    <button type="button" class="win-command" id="saveCommand" onclick="javascript:updateChartTypeSettings(); return false;">
        <span class="win-commandimage win-commandring">&#x0052;</span>
        <span class="win-label">Save</span>
    </button>
</div>